import Message_ from './index.vue'
import { createVNode, render } from 'vue'

// 封装message函数 用来随时调用  Message({ type: 'error', text: '登录失败' })
function Message ({ type, text }) {
  // 封装逻辑
  // 1.有一个封装好的message组件
  // 2.createVNode方法生成一个虚拟dom对象
  const vnode = createVNode(Message_, { type, text })
  //   手动创建一个真实的dom节点  container
  const container = document.createElement('div')
  //   挂载到body上面
  document.body.appendChild(container)
  // 3.render方法渲染为真实的dom节点
  render(vnode, container)
  // 4. 1.5秒之后关闭弹框和节点
//   setTimeout(() => {
//     render(null, container)
//   }, 1500)
}

export default Message
